﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>花园团购</title>
	<style type="text/css">
	body,ul,li{
		margin:0;
		padding:0;
		font-family:"宋体";
		font-size:12px;
		
	}
	body{
		background-color:#e0eed8;
	}
	 .big_header{
		 height:100px;
		 top:0px;
	 }
	 .top_header{
		 height:30px;
		 background-image:url(top1.png);
	 }

	 .vip_header ,.mid_center_header,.main_div,.boot_div_detail{
		 width:950px;
		 margin:auto;
	 }
	  .welcome_vip{
		 height:100%;
		 float:left;
		 width:550px;
		 margin:6px 0px 0px 15px;
		  
	 }
	 .load_vip{
		 height:100%;
		 float:right;
		 width:300px;
		  
	 }
	 .load_vip ul{ 
		 list-style:none;
		 margin-top:0;
		 font-size:13px; 
	 }
	  .load_vip ul li{
	  	 float:right;
		 margin-left:5px;
		 margin-right:5px;
		 margin-top:6px;
	  }
	  .mid_header{
		 width:100%;
		 height:96px;
		 background-image:url(top2.png);
	 }
	.mid_center_top_header{
		 height:63px;
		 padding-left:0px;
	 }
	 
	 .mid_center_top_header_sub{
		 width:100%;
		 clear:both;
	 }
 
 	.mid_menu_header{
		 height:32px;
		 float:left;
	 }
 	.mid_menu_right_header{
		 height:32px;
		 float:right;
	 }
	 .mid_menu_header ul ,  .mid_menu_right_header ul{
	  	list-style:none;
		 margin:0px;

	 }
	 
	.mid_menu_header ul li , .mid_menu_right_header ul li{
		float:left;
		height:35px;
		width:96px;
		text-align:center;
		margin-right:3px;

	 }
 	 .mid_menu_header ul li a , .mid_menu_right_header ul li a{
		text-decoration: none;
		background:url("button2_2.gif");
		display:block;
		margin:0px;
		padding:8px 9px 9px 9px;
		font:bold 14px 宋体;
		color:4e4d4d;
		
	}
 
	 .mid_menu_header ul li a:hover  , .mid_menu_right_header ul li a:hover{
		text-decoration: underline;
		background-image:url("button1.gif");
		display:block;
		font:bold 14px 宋体;
		color:4e4d4d;
		color:#00FF00;
		
	}

	.main_div{
		margin-top:12px;
		height:410px;
	}
	

	.main_left{
		float:left;
		width:700px;
		height:380px;

	}
	.main_left_top{
		background-image:url(main_top1.gif);
		font-size:1px;
		height:11px;
		background-repeat:no-repeat

 
	}
	.main_left_mid {
		background-image:url(main_mid1.gif);
		margin:0px;
		background-color:#FFFFFF;
		height:100%;;    
	}
	.goods_top{
		margin:0px;
		padding:0px 10px 5px 20px;
		font: 20px 黑体,宋体;
    	text-align: justify;
		color: #333333;
		text-decoration: none;

	}
	.main_left_down{
		background-image:url(main_down1.gif);
		height:11px;
		width:700px;
		font-size:1px;
		clear:both;
 
	}
	.main_right{
		float:right;
		width:235px;
	}
 
	.goods_introduce{
		background-color:fff;
	}
	.goods_image{
		float:left;
		margin:10px;
	}
	.goods_introduce_left{
		float:left;
		margin:15px 0px 5px 5px;
		font-size:16px;
		font-family:"宋体";
	}
	
	.goods_introduce_left_sub1{
		border:#990000;
		border-width:1px;
		border-color:#88af0c;
		background-color:#fcf7ab;
		border-style:solid;
		width:220px;
		height:100px;
		margin:-1px 0px 0px 10px;
	}
	
	.goods_introduce_left_sub2{
		border:#990000;
		border-width:1px;
		border-color:#88af0c;
		border-style:solid;
		background-color:#e0edc4;
		text-align:center;
		width:220px;
		height:100px;
		margin:10px 0px 0px 10px;
	}
	.goods_introduce_right{
		float:left;
		width:375px;
		padding:15px 0px 0px 0px;
	}
 
	 .goods_introduce_img{
	 	border-style:solid;
		border-color:#333333;
		border-width:1px;
		width:387px;
	 }
 
	.boot_div{
		clear:both;
		height:14px;
		background-color:#88af0c;
	}
	
	.main_price{
		margin-top:12px;
		font-size:16px;
		font-family:"宋体";
	}
	.main_price_left{
		float:left;
	}
	.price{
		margin-top:6px;
		margin-left:8px;
		text-align:center;
		width:60px;
	}
	
	.pricetag {
		background-image:url(pricetag_main2.png);
		height: 70px;
		position:relative;
		left:-40px;
		z-index: 100;
		padding-left:60px;
		width:212px;
	}
	.email{
		background-color: white;
		border: 1px solid #C7C7C7;
		color: #B8B8B8;
		height: 17px;
		line-height: 17px;
		margin: 4px 4px 4px 6px;
		padding: 0 5px;
		width: 132px;
	}

	.smt {
		background: url("submit_email.png") no-repeat scroll 0 -93px transparent;
		border: 0 none;
		color: #CBCBCB;
		font-family: 宋体;
		height: 22px;
		margin: 3px 0;
		width: 46px;
	}
	
	.email_span{
		background: url("submit_email.png") no-repeat scroll 0 -124px transparent;
		display: inline;
		float: right;
		font-size: 12px;
		height: 28px;
		margin: 10px 20px 0 0;
		width: 212px;
	}
 
	.boot_div_detail{
		background-color:#ffffff;
		overflow:hidden;
	}
	.boot_div_detail div{
		float: left;
		height: 100px;
		padding: 13px 0 0 20px;
		width: 170px;
	}
	.boot_div_detail h3{
		font:bold 14px/16px "宋体";
		margin-bottom:5px;
	}
	.boot_div_detail li{
	  	line-height: 18px;
    	list-style: disc inside none;
	}
	
	/**
	右则块内容
	**/
	
 
	
	
	.win_top, .win_bottom {
		background: url("win_right.png") no-repeat scroll 0 -202px transparent;
		height: 7px;
		overflow: hidden;
	}
	.win_bottom{
 
    background-position: 0 -210px;
 
	}
	
	.win_inner {
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: white;
		border-color: #81B21E;
		border-style: solid;
		border-width: 0 1px;
		overflow: hidden;
	}
	.win_inner h3 {
    background: url("show_back.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #81B21E;
    font: bold 14px/1 宋体;
    margin: 0 0 7px;
    padding: 6px 0 8px;
    text-indent: 1em;
}
	
    </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
	<body>
	<div class="big_header">
		 	<div class="top_header"><!-- vip块-->
					<div class="vip_header">
						<div class="welcome_vip">欢迎光临花园团购网:它最贴近您生活的网站，您家门口的网站</div>
						<div class="load_vip">
							<ul>
								<li><a href="#">收藏我们</a></li>
								<li>| </li>
								<li><a href="#">注册</a></li>
								<li>| </li>
								<li>您还没有登录，请先<a href="#">登录</a></li>
							</ul>
						</div>
					</div>
			</div>
			<div class="mid_header">
					<div class="mid_center_header">
						<div class="mid_center_top_header">
							<div class="mid_center_top_header_sub">
									<div style="float:left;">logosssssssssss</div>
									<div style="float:left; margin-left:60px;"> 
										<ul>
											<li>北京</li>
										</ul>
									</div>
									<div class="email_span">
											<form action="/email" method="post">
												<input  class="email" id="email" value="请输入您的E-mail"/>
												<input class="smt" type="submit" value="订阅" />
											</form>
									</div>
							</div>
						</div>
						
						<div class="mid_menu_header">
							 <ul>
							 	<li><a href="#" >今日推荐</a></li>
								<li><a href="#">水果类</a></li>
								<li><a  href="#">干果类</a></li>
								<li><a  href="#" >蔬菜类</a></li>
							 </ul>
						</div>

						<div class="mid_menu_right_header">
							 <ul>
							 	<li><a href="#">我的团购</a></li>
								<li><a href="#">往期团购</a></li>
								<li><a  href="#">帮助</a></li>
							 </ul>
						</div>
					</div>
			
			</div>
			<div class="main_div">
				<div class="main_left">	
			 		<div class="main_left_top">
					</div>
					<div class="main_left_mid">
							<div class="goods_top">
								<em style="color:#C40000;  font-weight: bold;">
									今日团购
									<label> </label>
									：
							  </em>
										<a>鸡蛋，又名鸡卵、鸡子，是母鸡所产的卵，其外有一层硬壳，内则有气室、卵白及卵黄部分，它富含各类营养，是人类常食用的食品之一。若鸡蛋有受精，约经过21天会孵出小鸡</a>
							</div>
							<div class="goods_introduce">
								<div class="goods_introduce_left">
										<div class="pricetag">
												<div style="float:left"><strong><font color="#FFFFFF" style="font-size:50px; font-family:Arial, Helvetica, sans-serif;">¥20</font></strong></div>								
												<div style="height:34px; width:83px; background-image:url(buy.gif); float:left;margin:18px 0 0 10px;"></div>
						 		  </div>
									   <div class="goods_introduce_left_sub1">
											<div class="main_price" >
												<span class="main_price_left">
												 	<div class="price">原价</div>
													<div class="price"><del><strong>¥200</strong></del></div>
												</span>		
												<span class="main_price_left">
												 	<div class="price">折扣</div>
													<div class="price"><strong>1.2折</strong></div>
												</span>										 
												 <span class="main_price_left">
												 	<div class="price">节省</div>
													<div class="price"><strong>180</strong></div>
												</span>
											
											</div>
											
						  		  </div>
										<div class="goods_introduce_left_sub2">
										  <div style="text-align:center;">
										 	 <p><font color="#FF0000"><strong>255</strong></font>人已购买<br />
											 已组团成功，请参与购买										 	 </p>
										  </div>
											 <div style="text-align:center; margin-top:10px">
									 	        <strong>5</strong>天<strong>11</strong>小时<strong>33</strong>分钟 </p>
										 	 </div>
										</div>
									</ul>
								</div>
								<div class="goods_introduce_right">
									<img src="age.jpg"  width="380px" style="goods_introduce_img"/>
								</div>
							</div>
					</div>
					<div class="main_left_down">
					</div>
				</div>
				<div class="main_right">
					<div>
						<div  class="win_top"></div>
						<div class="win_inner"><h3>最贴近生活的网站</h3>
							<ul>
								<li>
									柴米油盐
								</li>
								<li>
									日常蔬菜
								</li>
								<li>
									日常蔬菜
								</li>
							</ul>
						
						</div>
						<div  class="win_bottom"></div>
					</div>
					 
				</div>

		</div>
		<div class="boot_div">
		</div> 
		<div class="boot_div_detail">
			<div><h3>用户帮助</h3>
				<ul>
					<li>如何购买</li>
					<li>常见问题</li>
					<li>开通小区</li>
				</ul>
			</div>
			<div><h3>获取更新</h3>
				<ul>
					<li>邮件订阅</li>
					<li>QQ留言</li>
					<li>短信提示</li>
				</ul>
			</div>
			<div><h3>商务合作</h3>
				<ul>
					<li>提供超值商品</li>
					<li>广告推广</li>
				</ul>
			</div>
			<div><h3>花园团购</h3>
				<ul>
					<li>花园团购介绍</li>
					<li>联系我们</li>
				</ul>
			</div>
		</div>
	 
	 <div style=" text-align:center; margin-top:12px;">
				© 2010 Groupon.cn - 京ICP证号100680 - 京ICP备10200024号-1 
	 </div>
		
	 
		 
	</body>
</html>
 
<script type="text/javascript">
 